
.lottery{
  width: 500px;
  height: 500px;
  margin: 0 auto;
  color:rgba(0,0,0,1);
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #CB3C20;
}
.list{
  position: relative;
  width: 480px;
  height: 480px;
}
.item {
  width:32%;
  height:32%;
  position: absolute;
  background:rgba(255,183,171,1);
  box-shadow:0px 5px 0px rgba(0,0,0,0.16);
  border-radius:8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  text-align: center;
  font-size:14px;
  color:rgba(0,0,0,1);
}
.item0{
  left: 0;
  top: 0;
}
.item1 {
  left: 34%;
  top: 0;
}
.item2 {
  left: 68%;
  top: 0;
}
.item3 {
  left: 68%;
  top: 34%;
}
.item4 {
  left: 68%;
  top: 68%;
}
.item5 {
  left: 34%;
  top: 68%;
}
.item6 {
  left: 0;
  top: 68%;
}
.item7 {
  left: 0;
  top: 34%;
}
.btn{
  width:32%;
  height:32%;
  position: absolute;
  left: 34%;
  top: 34%;
  background:rgba(255,235,170,1);
  box-shadow:0px 5px 0px rgba(0,0,0,0.16);
  border-radius:8px;
  overflow: hidden;
  font-weight:bold;
  color:rgba(213,67,39,1);
  font-size:36px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
}
.active{
  border: 5px solid white;
  box-sizing: border-box;
}
.icon{
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.info{
  width: 90px;
  margin-bottom: 10px;
}